<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<title>尧里</title>
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
	<link rel="stylesheet" type="text/css" href="css/common.css"/>
	<link rel="stylesheet" type="text/css" href="css/personal.css"/>
	<link rel="stylesheet" type="text/css" href="css/mobile.css"/>
</head>
<body>
	<!-- 通用头部 -->
	<div class="page_top">
		<!-- 浮动区域 fiexd为悬浮 -->
		<div class="page_top_fix">
			<div class="clearfix">
				<div class="nav_btn">
					<a href="javascript:void(0);"></a>
				</div>
				<!-- logo -->
				<div class="net_logo fl">
					<a href="#">
						<img class="img" src="img/logo.png" alt="logo" />
						<img class="img_fix" src="img/logo-dark.png" alt="logo" />
					</a>
				</div>
				<!-- 导航列表 -->
				<ul class="list_nav fl clearfix">
					<li class="active"><a href="javascript:void(0);">首页</a></li>
					<li><a href="javascript:void(0);">所有民宿</a></li>
					<li><a href="javascript:void(0);">咨询中心</a></li>
					<li><a href="javascript:void(0);">加盟案例</a></li>
					<li><a href="javascript:void(0);">设计</a></li>
					<li><a href="javascript:void(0);">关于我们</a></li>
				</ul>
				<!-- 联系方式 -->
				<ul class="list_head_link fr clearfix">
					<li class="vx">
						<span>关注微信公众号</span>
						<div class="vx_ecode">
							<img src="img/eg-ewmii.png" alt="" >
						</div>
					</li>
					<li class="phone">
						<span>+86 10 69888888</span>
						<div class="phone_txt">
							+86 10 69888888
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 轮播图 -->
	<div class="module_banner">
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<a class="web" href="javascript:void(0);">
						<img src="img/banner-i.jpg" title="" alt="" >
					</a>
				</div>
			</div>
		</div>
		<!-- 首语 -->
		<div class="title_read">
			<p class="title_one">
				<img src="img/title-read.png" alt="" >
			</p>
			<p class="title_two"><span>给你家一样的感觉</span></p>
		</div>
		<!-- 搜索尧里 -->
		<div class="search_box clearfix">
			<div class="input_box fl">
				<input class="print" type="text" placeholder="请输入搜索的内容" maxlength="20" name="search" />
			</div>
			<button class="btn fl" type="button">搜索尧里</button>
		</div>
	</div>
	<!-- 民宿 -->
	<div class="part_module common_width">
		<div class="title_l">
			<h2 class="h2">推荐民宿<i></i></h2>
			<p class="tip">绿色、生态、健康、舒适的民宿</p>
		</div>
		<div class="layer_img">
			<div class="img_top clearfix">
				<div class="img_le img_box fl">
					<div class="img"><img src="img/about-ms3.jpg" alt="" ></div>
					<a class="name_show" href="#">尧里/玺堂/火车站/步行街/地铁直达/天鹅湖/超大投影</p>
					<div class="hover">
						<p class="name">尧里/玺堂/火车站/步行街/地铁直达/天鹅湖/超大投影</p>
						<p class="price"><span>&yen;</span>160.65/晚</p>
						<a class="btn" href="">查看详情</a>
					</div>
				</div>
				<div class="img_ri fr">
					<div class="img_topr img_box">
						<div class="img"><img src="img/about-ms3.jpg" alt="" ></div>
						<a class="name_show" href="#">尧里/玺堂/火车站/步行街/地铁直达/天鹅湖/超大投影</p>
						<div class="hover">
							<p class="name">尧里/玺堂/火车站/步行街/地铁直达/天鹅湖/超大投影</p>
							<p class="price"><span>&yen;</span>160.65/晚</p>
							<a class="btn" href="">查看详情</a>
						</div>
					</div>
					<div class="img_btmr clearfix">
						<div class="img_ler img_box fl">
							<div class="img"><img src="img/about-ms3.jpg" alt="" ></div>
							<a class="name_show" href="#">尧里/玺堂/火车站/步行街/地铁直达/天鹅湖/超大投影</p>
							<div class="hover">
								<p class="name">尧里/玺堂/火车站/步行街/地铁直达/天鹅湖/超大投影</p>
								<p class="price"><span>&yen;</span>160.65/晚</p>
								<a class="btn" href="">查看详情</a>
							</div>
						</div>
						<div class="img_rir img_box fr">
							<div class="img"><img src="img/about-ms3.jpg" alt="" ></div>
							<a class="name_show" href="#">尧里/玺堂/火车站/步行街/地铁直达/天鹅湖/超大投影</p>
							<div class="hover">
								<p class="name">尧里/玺堂/火车站/步行街/地铁直达/天鹅湖/超大投影</p>
								<p class="price"><span>&yen;</span>160.65/晚</p>
								<a class="btn" href="">查看详情</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="img_btm clearfix">
				<div class="img_btmitem img_box">
					<div class="img"><img src="img/about-ms3.jpg" alt="" ></div>
					<a class="name_show" href="#">尧里/玺堂/火车站/步行街/地铁直达/天鹅湖/超大投影</p>
					<div class="hover">
						<p class="name">尧里/玺堂/火车站/步行街/地铁直达/天鹅湖/超大投影</p>
						<p class="price"><span>&yen;</span>160.65/晚</p>
						<a class="btn" href="">查看详情</a>
					</div>
				</div>
				<div class="img_btmitem img_box">
					<div class="img"><img src="img/about-ms3.jpg" alt="" ></div>
					<a class="name_show" href="#">尧里/玺堂/火车站/步行街/地铁直达/天鹅湖/超大投影</p>
					<div class="hover">
						<p class="name">尧里/玺堂/火车站/步行街/地铁直达/天鹅湖/超大投影</p>
						<p class="price"><span>&yen;</span>160.65/晚</p>
						<a class="btn" href="">查看详情</a>
					</div>
				</div>
				<div class="img_btmitem img_box">
					<div class="img"><img src="img/about-ms3.jpg" alt="" ></div>
					<a class="name_show" href="#">尧里/玺堂/火车站/步行街/地铁直达/天鹅湖/超大投影</p>
					<div class="hover">
						<p class="name">尧里/玺堂/火车站/步行街/地铁直达/天鹅湖/超大投影</p>
						<p class="price"><span>&yen;</span>160.65/晚</p>
						<a class="btn" href="">查看详情</a>
					</div>
				</div>
			</div>
		</div>
		<div class="to_ms">
			<a href="#"><span>更多民宿</span></a>
		</div>
	</div>
	<!-- 关于 -->
	<div class="part_about">
		<div class="common_width clearfix">
			<img class="about_img" src="img/eg-about.png" alt="" >
			<div class="about_text fr">
				<h4 class="h4">关于尧里</h4>
				<p class="tip">about raoli</p>
				<p class="text">“尧”为古人名，中国古代帝王，号陶唐氏，史称唐尧；“里”与“鲤”同音，意为“鲤鱼跃龙门”。我们将顺应绿色、生态、健康、舒适的民宿产业发展趋势，紧扣民宿行业热点和发展潮流，秉承“凝聚、思变、向未来”的理念...</p>
				<a class="btn" href="#"></a>
			</div>
		</div>
	</div>
	<!-- 咨询 -->
	<div class="part_module common_width">
		<div class="title_l">
			<h2 class="h2">尧里资讯<i></i></h2>
			<p class="tip">将想法与焦点与您一起共享</p>
		</div>
		<div class="news_box">
			<div class="tabs clearfix">
				<ul class="list_tabnews clearfix fl">
					<li class="active"><a href="javascript:void(0);">公司动态</a></li>
					<li><a href="javascript:void(0);">加盟动态</a></li>
				</ul>
				<a class="more fr" href="#">更多</a>
			</div>
			<ul class="list_news clearfix">
				<li class="clearfix">
					<div class="img"><a href="#"><img src="img/eg-news.jpg" alt="" ></a></div>
					<div class="text">
						<h4><a href="#">超强重庆攻略!喝着豆奶吃火锅,望着江水爬山坡</a></h4>
						<p><a href="#">近几年，国内的旅游业发展得很快，一到节假日各大景区都是人山人海一到节假日各大景区都是人山人海一到节假日各大景区都是人山人海一到节假日各大景区都是人山人海一到节假日各大景区都是人山人海一到节假日各大景区都是人山人海。对于出行目的地的选择，有人喜欢那些历史悠久的著名景区，有些人喜欢被捧红的热门景区，然而对于热门景区的评价大家都是褒贬不一... </a></p>
					</div>
					<div class="date">
						<span class="year">2020</span>
						<i class="hfive">-</i>
						<span class="day">12 <i class="web">/</i><i class="hfive">-</i> 08</span>
					</div>
				</li>
				<li class="clearfix">
					<div class="img"><a href="#"><img src="img/eg-news.jpg" alt="" ></a></div>
					<div class="text">
						<h4><a href="#">超强重庆攻略!喝着豆奶吃火锅,望着江水爬山坡</a></h4>
						<p><a href="#">近几年，国内的旅游业发展得很快，一到节假日各大景区都是人山人海一到节假日各大景区都是人山人海一到节假日各大景区都是人山人海一到节假日各大景区都是人山人海一到节假日各大景区都是人山人海一到节假日各大景区都是人山人海。对于出行目的地的选择，有人喜欢那些历史悠久的著名景区，有些人喜欢被捧红的热门景区，然而对于热门景区的评价大家都是褒贬不一... </a></p>
					</div>
					<div class="date">
						<span class="year">2020</span>
						<i class="hfive">-</i>
						<span class="day">12 <i class="web">/</i><i class="hfive">-</i> 08</span>
					</div>
				</li>
				<li class="clearfix">
					<div class="img"><a href="#"><img src="img/eg-news.jpg" alt="" ></a></div>
					<div class="text">
						<h4><a href="#">超强重庆攻略!喝着豆奶吃火锅,望着江水爬山坡</a></h4>
						<p><a href="#">近几年，国内的旅游业发展得很快，一到节假日各大景区都是人山人海一到节假日各大景区都是人山人海一到节假日各大景区都是人山人海一到节假日各大景区都是人山人海一到节假日各大景区都是人山人海一到节假日各大景区都是人山人海。对于出行目的地的选择，有人喜欢那些历史悠久的著名景区，有些人喜欢被捧红的热门景区，然而对于热门景区的评价大家都是褒贬不一... </a></p>
					</div>
					<div class="date">
						<span class="year">2020</span>
						<i class="hfive">-</i>
						<span class="day">12 <i class="web">/</i><i class="hfive">-</i> 08</span>
					</div>
				</li>
			</ul>
			<div class="to_ms mt">
				<a href="#"><span>更多资讯</span></a>
			</div>
		</div>
	</div>
	<!-- 侧边 -->
	<div class="side">
		<ul>
			<li class="side_1 clearfix"><a href="#"></a></li>
			<li class="side_2 clearfix">
				<span class="text">400-000-888&nbsp;&nbsp;&nbsp;</span>
				<a href="#"></a>
			</li>
			<li class="side_3 clearfix">
				<a href="#"></a>
				<div class="ewm_box">
					<div class="show_box">
						<img src="img/eg-ewmi.png" alt="" >
						<p>扫一扫加客服微信</p>
					</div>
				</div>
			</li>
			<li class="side_4 clearfix">
				<span class="text">反馈&nbsp;&nbsp;&nbsp;</span>
				<a href="#"></a>
			</li>
		</ul>
	</div>
	<!-- 通用尾部 -->
	<div class="page_foot">
		<div class="net_msg common_width">
			<div class="foot_box clearfix">
				<div class="part_1">
					<div class="foot_logo">
						<img src="img/logo-dark.png" alt="" >
					</div>
					<ul class="list_foot">
						<li>地址：安徽省合肥市庐阳区四里河路与潜山路交口万科中心15</li>						<li>电话：+86 10 69888888</li>						<li>邮箱：website@webs.com</li>
					</ul>
				</div>
				<div class="part_2">
					<div class="cooperate">
						<h4>加盟合作</h4>
						<p>Cooperative Alliance</p>
					</div>
					<ul class="list_foot">
						<li>联系人：郑如新</li>
						<li>邮箱：website@qq.com</li>
						<li>手机：15655428307</li>
					</ul>
				</div>
				<div class="part_3 clearfix">
					<div class="vximg">
						<img src="img/eg-ewmi.png" alt="" >
						<p>扫一扫加客服微信</p>
					</div>
					<div class="vximg">
						<img src="./img/eg-ewmii.png" alt="" >
						<p>关注尧里公众号</p>
					</div>
				</div>
			</div>
			<div class="friend_link clearfix">
				<span class="name">友情链接：</span>
				<ul class="list_friend fl clearfix">
					<li><a href="#">百度</a></li>
					<li><a href="#">新浪</a></li>
					<li><a href="#">小猪民宿</a></li>
					<li><a href="#">美团</a></li>
					<li><a href="#">如家</a></li>
					<li><a href="#">木鸟</a></li>
				</ul>
			</div>
		</div>
		<div class="copyright">
			<div class="common_width">
				<span>京ICP备12035936号-1</span>
				<span>许可证号：京ICP证140510号</span>
				<span>安全联盟</span>
				<span>北京快跑信息科技有限公司</span>
				<span>营业执照号 103613118</span>
				<span>bao@xiaozhu.com</span>
			</div>
		</div>
	</div>
	<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			Page.headFixed();
			// 轮播图 自动播放时间默认为3000, 0以下则不自动播放 
			Page.swiperIndex(0);
			// 推荐民宿排版
			if (!Page.is_mobile()) {
				Page.msSize();
			}
			$(window).resize(function(){
				if (!Page.is_mobile()) {
					Page.msSize();
				}
			})
		})
	</script>
</body>
</html>
